<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=640,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>

	<body>
		<div class="web_wrap">
			<!--主页面-->
			<div class="web">
				<!--主页头部-->
				<header>
					<div class="left">
						<label for="user">
						<i class="fa fa-bars"></i>
						<span>1</span>
					</label>
					</div>
					<div class="right">
						<label for="search">
						<i class="fa fa-search"></i>
					</label>

					</div>
					<div class="center">
						<img src="images/title.png" />
					</div>
				</header>

				<section class="content_wrap">
					<!--主页内部内容-->
					<div class="baitiao">

					</div>
					<div class="huawenbeijing">
						<div class="beijinglogo">
							<!--图片在CSS里面写成北京图-->

							<button class="ljsg">
							了解省广<span>》</span>
						</button>
						</div>

					</div>
					<div class="baidai">
						<a href="#" class="baihonglogo"><img src="images/baihonglogo.png" /></a>
						<a href="#" class="alimama"><img src="images/alimama.png" /></a>
					</div>
					<img src="images/首页_02.png" />

					<div class="xinwengongguan">
						<div class="wenxintupian">
							<img src="images/xinwentupian.png" />
						</div>
						<div class="xinwenwenzi">
							<h2>公关丨大众深陷“造假门”，遭受重 创后如何走出泥淖？</h2>
							<span>2015年9月2日，省广股份。份携手阿里 妈妈在广州举行“DT大时代... ...</span>
							<span>2015-9-3<i class="fa fa-heart"></i>4808<i class="fa fa-eye"></i>520</span>
						</div>
					</div>

					<div class="xinwengongguan">
						<div class="wenxintupian">
							<img src="images/xinwentupian.png" />
						</div>
						<div class="xinwenwenzi">
							<h2>公关丨大众深陷“造假门”，遭受重 创后如何走出泥淖？</h2>
							<span>2015年9月2日，省广股份。份携手阿里 妈妈在广州举行“DT大时代... ...</span>
							<span>2015-9-3<i class="fa fa-heart"></i>4808<i class="fa fa-eye"></i>520</span>
						</div>
					</div>

					<div class="xinwengongguan">
						<div class="wenxintupian">
							<img src="images/xinwentupian.png" />
						</div>
						<div class="xinwenwenzi">
							<h2>公关丨大众深陷“造假门”，遭受重 创后如何走出泥淖？</h2>
							<span>2015年9月2日，省广股份。份携手阿里 妈妈在广州举行“DT大时代... ...</span>
							<span>2015-9-3<i class="fa fa-heart"></i>4808<i class="fa fa-eye"></i>520</span>
						</div>
					</div>

					<div class="xinwengongguan">
						<div class="wenxintupian">
							<img src="images/xinwentupian.png" />
						</div>
						<div class="xinwenwenzi">
							<h2>公关丨大众深陷“造假门”，遭受重 创后如何走出泥淖？</h2>
							<span>2015年9月2日，省广股份。份携手阿里 妈妈在广州举行“DT大时代... ...</span>
							<span>2015-9-3<i class="fa fa-heart"></i>4808<i class="fa fa-eye"></i>520</span>
						</div>
					</div>

					<div class="xinwengongguan clearfix">
						<div class="wenxintupian">
							<img src="images/xinwentupian.png" />
						</div>
						<div class="xinwenwenzi">
							<h2>公关丨大众深陷“造假门”，遭受重 创后如何走出泥淖？</h2>
							<span>2015年9月2日，省广股份。份携手阿里 妈妈在广州举行“DT大时代... ...</span>
							<span>2015-9-3<i class="fa fa-heart"></i>4808<i class="fa fa-eye"></i>520</span>
						</div>
					</div>

					<div class="xinwengongguan">
						<div class="wenxintupian">
							<img src="images/xinwentupian.png" />
						</div>
						<div class="xinwenwenzi">
							<h2>公关丨大众深陷“造假门”，遭受重 创后如何走出泥淖？</h2>
							<span>2015年9月2日，省广股份。份携手阿里 妈妈在广州举行“DT大时代... ...</span>
							<span>2015-9-3<i class="fa fa-heart"></i>4808<i class="fa fa-eye"></i>520</span>
						</div>
					</div>

				</section>

				<footer>
					<!--主页尾部-->
					<ul>
						<li>
							<a class="active" href="shengguan_index.html"><i class="fa fa-home"></i><span>首页</span></a>
						</li>
						<li>
							<a href="GIMC.html"><i class="fa fa-paw"></i><span>GIMC</span></a>
						</li>
						<li>
							<a href="wenzhang.html"><i class="fa fa-pencil"></i><span>文章</span></a>
						</li>
						<li>
							<a href="ziyuan.html"><i class="fa fa-flag"></i><span>资源</span></a>
						</li>
						<li>
							<a href="xueyuan.html"><i class="fa fa-mortar-board"></i><span>学院</span></a>
						</li>
					</ul>
				</footer>

				<input type="checkbox" id="slideMenu" class="hide_input" />
				<div class="slideMenu">

				</div>
			</div>

			<!--弹窗：个人登录页-->
			<input type="checkbox" id="user" class="hide_input" />
			<div class="page user">
				<div class="page_head clearfix">
					<div class="left">
						<label for="user">
						<i class="fa fa-close"></i>
					</label>
					</div>
				</div>

				<img class="logo" src="images/logo.png" />
				<div class="input_wrap">
					<span>
					<i class="fa fa-user"></i>
				</span>
					<input type="text" placeholder="请输入已验证的手机号或邮箱" />
				</div>
				<div class="input_wrap">
					<span>
					<i class="fa fa-lock"></i>
				</span>
					<input type="password" placeholder="请输入密码" />
				</div>
				<div class="forget_pw">
					<a href="#">
						<i class="fa fa-question"></i>忘记密码
					</a>
				</div>
				<div class="button_wrap">
					<button><label for="user_center">登录</label></button>
					<button>注册</button>
				</div>
			</div>

			<!--弹窗：个人中心页面-->
			<input type="checkbox" id="user_center" class="hide_input" />
			<div class="page user_center">

				<div class="page_head clearfix">
					<div class="left">
						<label for="user_center">
						<i class="fa fa-close"></i>
					</label>

					</div>
					<div class="right">
						<button>
						<label for="page_search_list">
							<i class="fa fa-search"></i>			
						</label>
					</button>

						<input type="text" placeholder="Search" />
					</div>
				</div>

				<div class="page_body">

					<div class="head_wrap">
						<div class="head_img">
							<img src="images/logo.png" />
						</div>
						<div class="tisp">
							1
						</div>
					</div>

					<!--陈小敏-->
					<div class="gerenziliao">
						<p class="chengxiaomin">陈小敏 &nbsp;
							<a href=""> 个人中心 <span>&gt;&nbsp;</span></a>
						</p>
						<p class="xingxing"><i class="fa fa-star"></i>&nbsp;<i class="fa fa-star"></i>&nbsp;<i class="fa fa-star"></i>&nbsp;<i class="fa fa-star"></i></p>
						<p class="guanzhuyufensi"><i>关注<span>36</span></i><i>粉丝<span>290</span></i></p>
					</div>

					<div class="shoucangyufabu">
						<button>我的收藏</button>
						<button>我的发布</button>
					</div>
					<div class="huidai">

					</div>
					<div class="user_nav">
						<div class="nav_title">
							<h2>GIMC<i class="fa fa-angle-down fr"></i></h2>
							<ul>
								<li>省广介绍</li>
								<li>新闻资讯</li>
							</ul>
							<h2>文章<i class="fa fa-angle-right fr"></i></h2>
							<h2>资源<i class="fa fa-angle-right fr"></i></h2>
							<h2>课程<i class="fa fa-angle-right fr"></i></h2>
						</div>
					</div>
					<div class="tuichu">
						<button>
						<label for="user_center">
							退出
						</label>
					</button>
					</div>

				</div>

			</div>

			<!--弹窗：搜索页-->
			<input type="checkbox" id="search" class="hide_input" />
			<div class="page search">
				<div class="page_head clearfix">
					<div class="left">
						<label for="search">
						<i class="fa fa-close"></i>
					</label>

					</div>
					<div class="right">
						<button>
						<label for="page_search_list">
							<i class="fa fa-search"></i>			
						</label>
					</button>

						<input type="text" placeholder="Search" />
					</div>
				</div>
				<div class="page_body">
					<!--搜索弹窗的子页：关键词列表-->
					<div class="page_search_index">
						<h2>热搜</h2>
						<div class="keyword_list">
							<a href="">省广股份12</a>
							<a href="">省广股份</a>
							<a href="">省广股份</a>
							<a href="">省广股份</a>
							<a href="">省广股份</a>
							<a href="">省广股份</a>
							<a href="">省广股份</a>
						</div>
					</div>
					<!--搜索弹窗的子页：搜索结果列表-->
					<input type="checkbox" id="page_search_list" class="hide_input" />
					<div class="page_search_list">
						<div class="item">
							<h2>GIMCVS易车，汽车电商“风口”上的2种姿势</h2>
							<p>
								2014年11月易车市值接近汽车之家时，正值公布上季度 财报，而在2014年Q3业绩易车网净1.86亿，超过汽车 1.71亿。看来美国投资人是完全按净利润、自由现金流 为这两家公司估值，对汽车电商...
							</p>
							<span>
							陈小蚊
						</span>
							<b>
							2015-11-12 06:57
						</b>
						</div>
					</div>
				</div>
			</div>

		</div>
		<script type="text/javascript">
		</script>
	</body>

</html>